<template>
	<view class="examine-all">
		<view class="examine-content">
			<view class="examine-content-all">
				<view class="examine-content-1">
					<image class="examine-bgImg" src="https://z3.ax1x.com/2021/04/13/crr6Cq.png" mode=""></image>
					<image class="car-Img" src="https://z3.ax1x.com/2021/04/12/cD7gV1.png"></image>
				</view>
			</view>
			<view class="examine-step">
				<view class="jianceing">正在检测...</view>
				<view>车辆信息</view>
				<!-- <uni-steps :options="list" direction="column" :active="0" width="200"></uni-steps> -->
				<view class="donghua">
					<view class="item1">原厂保养手册</view>
					<view class="item2">当前行驶里程</view>
					<view class="item3">历史检测记录</view>
					<view class="item4">历史保养记录</view>
					<view class="item5">检测成功</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		onLoad() {
			let settimeontId=setTimeout(this.tiaozhuan,10000)
			if(settimeontId=="10"){
				console.log(settimeontId)
				clearTimeout(settimeontId)
			}
		},
		methods:{
			tiaozhuan(){
				uni.redirectTo({
					url:"../report/report"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
   .examine-all{
	   .examine-content{
		   width: 100vw;
		   height: 100vh;
		   .examine-content-all{
			   width: 90%;
			   height: 400rpx;
			   margin: 40rpx auto 0rpx;
			   .examine-content-1{
				   position: relative;
				   .examine-bgImg{
					   width: 375rpx;
					   height: 375rpx;
					   position: absolute;
					   animation:xuanzhuan 3s linear infinite;
					   transform-origin:center center ;
					   left: 150rpx;
					   border-radius: 100%;
				   }
				   .car-Img{
						   width: 135rpx;
						   height: 235rpx;
						   position: absolute;
						   left: 275rpx;
						   top: 80rpx;

				   }
				   @keyframes xuanzhuan{
					   0%{
						   transform: rotate(0deg);
					   }
					   25%{
						   transform: rotate(90deg);
					   }
					   50%{
						   transform: rotate(180deg);
					   }
					   75%{
						   transform: rotate(270deg);
					   }
					   100%{
						   transform: rotate(360deg);
					   }
				   }
			   }

		   }
		   .examine-step{
			   margin-top: 20rpx;
			   color: gray;
			   text-align: center;
			   .jianceing{
				   font-weight: bold;
				   color: black;
				   margin-bottom:30rpx;
			   }
			   .donghua{
				   margin-top: 30rpx;
				   height: 60rpx;
				   overflow: hidden;
				   line-height: 60rpx;
				   view{
					   height: 60rpx;
					   animation:pingyi 5s linear infinite;
				   }
				   .item1{
					   transition-delay:1s;
				   }
				   .item2{
					   transition-delay:2s;
				   }
				   .item3{
					   transition-delay:3s;
				   }
				   .item4{
					   transition-delay:4s;
				   }
				   .item5{
					   transition-delay:5s;

				   }
				   @keyframes pingyi{
					   0%{
						   transform: translateY(-60rpx);
					   }
					   25%{
						   transform: translateY(-120rpx);
					   }
					   50%{
						   transform: translateY(-180rpx);
					   }
					   75%{
						   transform: translateY(-240rpx);
					   }
					   100%{
						   transform: translateY(-300rpx);
					   }
				   }
			   }
		   }
	   }
   }
</style>
